<template>
  <div class="nav-header">
    <top-bar :userName="userName"></top-bar>
    <!-- <top-nav :phoneList="phoneList" :redMiList="redMiList"></top-nav> -->
  </div>
</template>

<script>
import TopBar from "../navheader/TopBar";
import TopNav from "../navheader/TopNav";
export default {
  name: "NavHeader",
  components: {
    TopBar,
    TopNav,
  },
  data() {
    return {
      phoneList: [],
      redMiList: [],
      userName: "",
    };
  },
  mounted() {
    this.getProductData();
  },
  methods: {
    getProductData() {
    },
  },
};
</script>
<style scoped>
</style>
